
section#content {

  > nav {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 32px;

    > ul {
      display: flex;
      flex-flow: row wrap;

      > li {
        position: relative;
        display: inline-block;
        text-align: center;
        margin-bottom: 5px;

        > a {
          position: relative;
          color: $__textColor;
          display: block;
          cursor: pointer;
          padding: 7px 10px;
          border-radius: 20px;
          white-space: nowrap;
          transition: background 0.3s;

          &:hover {
            background: darken($bodyBackground, 5%);
          }
        }
      }
    }

    &[data-pos='left'] {
      left: 20px;
      right: unset;
      padding-left: 0;
      padding-right: 32px;

      > ul {
        flex-direction: row-reverse;
      }
    }
  }
}

body.customBackground section#content > nav {

  > ul > li {
    margin: 0 2px 5px;

    > a {
      background: rgba($bodyBackground, 0.8);
    }
  }
}

@import "../../rtl/include/newtab/topLinks";
@import "../../dark/include/newtab/topLinks";